<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网格系统</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    
    <link rel="stylesheet" href="../static/bootstrap-3.4.1/dist/css/bootstrap.min.css"> 
    <script src="../static/jQuery-v3.6.0/jQueryv3.6.0.js"></script>
    <script src="../static/bootstrap-3.4.1/dist/js/bootstrap.min.js"></script>
</head>
<body>
    <!-- <h1>我是标题1 h1</h1>
    <h2>我是标题2 h2</h2>
    <h3>我是标题3 h3</h3>
    <h4>我是标题4 h4</h4>
    <h5>我是标题5 h5</h5>
    <h6>我是标题6 h6</h6>

    <hr/>

    <div class="h1">我是标题1 h1 <small>我是副标题1 h1</small></div>
    <div class="h2">我是标题2 h2 <small>我是副标题1 h1</small></div>
    <div class="h3">我是标题3 h3<small>我是副标题1 h1</small></div>
    <div class="h4">我是标题4 h4<small>我是副标题1 h1</small></div>
    <div class="h5">我是标题5 h5<small>我是副标题1 h1</small></div>
    <div class="h6">我是标题6 h6<small>我是副标题1 h1</small></div>
    <hr/>
    
    <p >1这是一个<strong>演示</strong>引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。
    </p>
    <p class="lead">2这是一个<strong><i>演示</i></strong>引导<b>主体</b>副本<i>用法</i>的<em>实例</em>。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。
    </p> -->
<ol> 
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li></ol>

    <h4>无序列表</h4>
    <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li></ul>
    
    <h4>未定义样式列表</h4><ul class="list-unstyled">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li></ul>
    
    <h4>内联列表</h4><ul class="list-inline">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li></ul>
    
    <h4>定义列表</h4><dl>
    <dt>Description 1</dt>
    <dd>Item 1</dd>
    <dt>Description 2</dt>
    <dd>Item 2</dd></dl><h4>水平的定义列表</h4><dl class="dl-horizontal">
    <dt>Description 1</dt>
    <dd>Item 1</dd>
    <dt>Description 2</dt>
    <dd>Item 2</dd></dl>
</body>

</html>